.cenbox{
width: 100%;
height:100%;
/* background-color: plum; */
position: relative;
 text-align: center;
}
.box-item{
position: absolute;
    left: 0;
    top: 0;
     width: 160px;
    font-size: 14px;
    height: 150px;
    /* 动画名车 */
     animation-name: xAni,yAni,scaleAni;
    /* 东海无限循环 */
    animation-iteration-count: infinite;
    /* 动画结束时长 */
    animation-duration: 10s,10s,20s;
    /* 动画曲线 */
    animation-timing-function: cubic-bezier(0.36, 0, 0.64, 1);
    /* 动画来回运动 */
    animation-direction: alternate;
}
.box-item p{
    padding: 0;
    margin: 0;
}
/* 定义动画 */
@keyframes xAni {
    0% {
        left: -30px;
    }
    100% {
        left: 80%;
    }
}
@keyframes yAni {
    0% {
        top: 0;
    }
    100% {
        top: 80%;
    }
}
@keyframes scaleAni {
    0% {
        transform: scale(0.5);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.5);
    }
}